<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		#p1{
			position:absolute;
			background-color: #2588CA;
			width: 1500px;
			font-size: 25px;
			left: 350px;
		}
		
		.d1{
			position:absolute;
			left: 500px;
			top: 300px;
			size: 300px;
			
		}
		#s1{
			color: coral;
		}
		span{
			color: red;
		}
		#s2{
			color: coral;
		}
		#s3{
			position:absolute;
			left: 280px;
			top: 48px;
		}
		a:link{
		text-decoration: none;
		}
		form{
	  
		
	
		}
		button{
			position:absolute;
			background-color: orange;
			top: 450px;
			left: 150px;
			   width:150px;
			 height: 50px;
		}
		#s5{
			font-size: 25px;
			color: white;
		}
		label{
			width: 100px;
			text-align: right;
			display: inline-block;
		}
		
	
		</style>
	</head>
	<body>
		<img src="../day3/img/12306.png" >
		<form style=" border: 1px solid blue;width: 700px;margin: 0 auto;" action="../day1/demo05.html">
				<p id="p1">账户信息</p>
				<div class="d1">
				<p><label for=""><span>*</span>用户名：</label><input type="text" name="uname" placeholder="用户名设置成功后不可更改"/><span id="s1">&nbsp;6-30位字母、数字或“_”,字母开头</span></p>
				<p ><label for=""><span>*</span>登录密码：</label><input type="password" name="psd" placeholder="6-20位字母、数字或符号"/><div id="d2"><span id="s3"><img src="img/1002.png"/></span></p>
                 <p><label for=""><span>*</span>确认密码：</label><input type="password" name="psd2" placeholder="再次输入您的登录密码"/><span id="s1"></p>
				 <p> <label for=""><span>*</span>证件类型：</label><select  name="type">
				  <label for=""><option value="1" selected>中国居民身份证</label></option>
				  <option value="2">港澳台居民居住证</option><span id="s2">&nbsp;证件填写规则</span>
				 <option value="3" >港澳台居民来往内地通行证</option><span id="s2">&nbsp;证件填写规则</span>
				 <option value="4">台湾居民来往大陆通行证</option><span id="s2">&nbsp;证件填写规则</span>
				 <option value="5">护照</option>
				 <option value="6">外国人永久居留身份证</option><span id="s2">&nbsp;证件填写规则</span></select></p>
				 <p><label for=""><span>*</span>姓名：</label><input type="text" name="name" placeholder="请输入姓名"/><span id="s1"><span id="s2">&nbsp;姓名填写规则 &nbsp;（用于身份核验，请正确填写）</span>
				  <p><label for=""><span>*</span>证件号码：</label><input type="number" name="nub" placeholder="请输入您的证件号码"/><span id="s1"><span id="s2">&nbsp;（用于身份核验，请正确填写） </span>
				 </p>
				 <p><label for=""> <span>*</span>旅客类型：</label><select  name="man">
				  <option value="1" selected>成人</option>
				  <option value="2">儿童</option><span id="s2">
				 <option value="3" >学生</option><span id="s2">
				 <option value="4">残疾军人、伤残人民警察</option>
				</select></p>
				<p><label for="">邮箱：</label><input type="text" name="email" placeholder="请正确输入邮箱"/></p>
				<p><label for=""><span>*</span>手机号码（+86）：</label><input type="tel" name="phone" placeholder="请输入您的手机号码"/><span id="s1"><span id="s2">&nbsp;请正确填写手机号码，稍后将向该手机号码发送短信验证码</p>
				<p><input type="checkbox" name="read"/>&nbsp;我已阅读并同意遵守<a href="#">《中国铁路客户服务中心网站服务条款》&nbsp;&nbsp;《隐私权政策》</a></p>
				<button><span id="s5">下一步</span></button>
			</div>
			</form>
			
		</form>
	</body>
</html>